<template>
  <view class="container">
    <view class="chooce_box">
      <view class="alone" @click="rent">
        <view class="title">园区租赁</view>
        <view class="all">园区房租都在这</view>
      </view>
      <view class="four">
        <view class="city_box">
          <image src="../../static/office/shanghai.png" class="img"></image>
          <view class="city">上海</view>
        </view>
        <view class="city_box">
          <image src="../../static/office/beijing.png" class="img"></image>
          <view class="city">北京</view>
        </view>
        <view class="city_box">
          <image src="../../static/office/guangzhou.png" class="img"></image>
          <view class="city">广州</view>
        </view>
        <view class="city_box">
          <image src="../../static/office/zhejiang.png" class="img"></image>
          <view class="city">浙江</view>
        </view>
      </view>
    </view>
    <view class="chooce_box">
      <view class="alone alone_img" @click="toAdministrative">
        <view class="title">行政服务</view>
        <view class="all">帮你解决大小事</view>
      </view>
      <view class="four">
        <view class="city_box">
          <image src="../../static/office/aircraft.png" class="img"></image>

          <view class="city">机票</view>
        </view>
        <view class="city_box">
          <image src="../../static/office/hotel.png" class="img"></image>

          <view class="city">酒店</view>
        </view>
        <view class="city_box">
          <image src="../../static/office/activity.png" class="img"></image>

          <view class="city">活动</view>
        </view>
        <view class="city_box">
          <image src="../../static/office/Travel.png" class="img"></image>

          <view class="city">旅游</view>
        </view>
      </view>
    </view>
    <view class="small_chooce_box">
      <view class="alone" @click="toOffice">
        <view class="title">办公商贸</view>
        <view class="all">你想要的我都有</view>
      </view>
      <view class="four">
        <view class="city_box">
          <image src="../../static/office/purchase.png" class="img"></image>
          <view class="city">采购</view>
        </view>
        <view class="city_box">
          <image src="../../static/office/rent.png" class="img"></image>
          <view class="city">租凭</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {
    toAdministrative() {
      uni.navigateTo({
        url: '../../pageTwo/officeService/administrative/index',
      })
    },
    toOffice() {
      uni.navigateTo({
        url: '../../pageTwo/officeService/office/index',
      })
    },
    rent() {
      uni.navigateTo({
        url: '../../pageTwo/officeService/rentHouse/index',
      })
    },
  },
}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>
